html, body, input, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    line-height: normal;
    font-size: 14px;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, PingFangSC-Regular;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #000;
    background: transparent;
    overflow: hidden;
}
html, body, #app {
    height: 100%;
}
#app{
    background-color: #dbdbdb;
    color: #000;
    overflow: hidden;
}
.container{
    width: 100%;
    height: 100%;
}

body {
    line-height: normal;
    background-color: transparent;
}
#app.b-r{
    border: 1px solid #dbdbdb;
    border-radius: 6px;
}

/*
容器:
    flex布局: d-flex(必须)
    主轴的方向: flex-direction_row  flex-direction_column  flex-direction_row-reverse  flex-direction_column-reverse
    换行: flex-wrap_nowrap  flex-wrap_wrap  flex-wrap_wrap-reverse
    主轴的对齐方式: justify-content_flex-start  justify-content_flex-end  justify-content_center  justify-content_space-between  justify-content_space-around
    交叉轴的对齐方式: align-items_flex-start  align-items_flex-end  align-items_center  align-items_baseline  align-items_stretch
    多根轴线的对齐方式: align-content_flex-start  align-content_flex-end  align-content_center  align-content_space-between  align-content_space-around  align-content_stretch
项目
    项目大小固定: flex_none flex_1
    项目的排列顺序: order_1
    项目占据的主轴空间: flex-basis_auto  flex-basis_0
    项目的对齐方式: align-self_auto  align-self_flex-start  align-self_flex-end  align-self_center  align-self_baseline  align-self_stretch
    项目的放大/缩小: flex-grow_1  flex-shrink_1
*/
.d-flex {
    display: flex
}

.flex-direction_row {
    flex-direction: row
}

.flex-direction_row-reverse {
    flex-direction: row-reverse
}

.flex-direction_column {
    flex-direction: column
}

.flex-direction_column-reverse {
    flex-direction: column-reverse
}

.flex-wrap_nowrap {
    flex-wrap: nowrap
}

.flex-wrap_wrap {
    flex-wrap: wrap
}

.flex-wrap_wrap-reverse {
    flex-wrap: wrap-reverse
}

.justify-content_flex-start {
    justify-content: flex-start
}

.justify-content_flex-end {
    justify-content: flex-end
}

.justify-content_center {
    justify-content: center
}

.justify-content_space-between {
    justify-content: space-between
}

.justify-content_space-around {
    justify-content: space-around
}

.align-items_flex-start {
    align-items: flex-start
}

.align-items_flex-end {
    align-items: flex-end
}

.align-items_center {
    align-items: center
}

.align-items_baseline {
    align-items: baseline
}

.align-items_stretch {
    align-items: stretch
}

.align-content_flex-start {
    align-content: flex-start
}

.align-content_flex-end {
    align-content: flex-end
}

.align-content_center {
    align-content: center
}

.align-content_space-between {
    align-content: space-between
}

.align-content_space-around {
    align-content: space-around
}

.align-content_stretch {
    align-content: stretch
}

.flex_none {
    flex: none
}

.flex_1 {
    flex: 1
}

.order_1 {
    order: 1
}

.flex-basis_auto {
    flex-basis: auto
}

.flex-basis_0 {
    flex-basis: 0
}

.align-self_auto {
    align-self: auto
}

.align-self_flex-start {
    align-self: flex-start
}

.align-self_flex-end {
    align-self: flex-end
}

.align-self_center {
    align-self: center
}

.align-self_baseline {
    align-self: baseline
}

.align-self_stretch {
    align-self: stretch
}

.flex-grow_1 {
    flex-grow: 1
}

.flex-shrink_1 {
    flex-shrink: 1
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #383838;
    text-decoration: none;
}

a:hover {
    color: #007CC9;
    border-color: #007CC9;
}

.height-collapse {
    zoom: 1
}

.height-collapse:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    overflow: hidden
}

.no-select {
    user-select: none;
}

.app-drag {
    -webkit-app-region: drag;
}

.app-no-drag {
    -webkit-app-region: no-drag;
}

